let currentImageIndex = 0;  
const images = document.querySelectorAll('.carousel-image');  
const totalImages = images.length;  
  
// 初始设置第一张图片为活动图片  
images[0].classList.add('active');  
  
// 切换到下一张图片  
function nextImage() {  
    images[currentImageIndex].classList.remove('active');  
    currentImageIndex = (currentImageIndex + 1) % totalImages;  
    images[currentImageIndex].classList.add('active');  
}  
  
// 切换到上一张图片  
function prevImage() {  
    images[currentImageIndex].classList.remove('active');  
    currentImageIndex = (currentImageIndex - 1 + totalImages) % totalImages;  
    images[currentImageIndex].classList.add('active');  
}  
  
// 为按钮添加点击事件监听器（可选）  
document.getElementById('nextBtn').addEventListener('click', nextImage);  
document.getElementById('prevBtn').addEventListener('click', prevImage);  
  
// 自动播放（可选）  
// setInterval(nextImage, 3000); // 每3秒切换到下一张图片